<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>计划管理-生产计划</title>
    <link rel="stylesheet" type="text/css" href="jquery-easyui-1.6.7/themes/bootstrap/easyui.css"/>
    <link rel="stylesheet" href="css/icon.css"/>
    <link rel="stylesheet" href="jquery-easyui-1.6.7/themes/icon.css"/>
    <link rel="stylesheet" href="css/order_report.css"/>
    <link rel="stylesheet" href="css/icon_state.css"/>
    <link rel="stylesheet" href="css/form.css"/>
    <link rel="stylesheet" href="css/kendo_custum.css"/>
    <link rel="stylesheet" href="jquery-easyui-1.6.7/themes/icon_expand.css"/>
    <script type="text/javascript" src="jQuery/jquery-3.1.1.min.js"></script>
    <script type="text/javascript" src="jquery-easyui-1.6.7/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="jquery-easyui-1.6.7/datagrid-filter/datagrid-filter.js"></script>
    <script type="text/javascript" src="jquery-easyui-1.6.7/jquery-easyui-edatagrid/jquery.edatagrid.js"></script>
    <script type="text/javascript" src="jquery-easyui-1.6.7/jquery.easyui.expand.js"></script>
    <script type="text/javascript" src="jquery-easyui-1.6.7/locale/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="js/pages/jc/button_generate.js"></script>
    <script type="text/javascript" src="js/util/utils.js?version=1.2"></script>
    <script type="text/javascript" src="js/util/loadEventUtil.js"></script>
    <script type="text/javascript" src="js/util/memoryColumnUtil.js"></script>
    <!-- kendo -->
    <link rel="stylesheet" href="KendoUI/styles/kendo.common.min.css"/>
    <link rel="stylesheet" href="KendoUI/styles/kendo.default.min.css"/>
    <link rel="stylesheet" href="KendoUI/styles/kendo.rtl.min.css"/>
    <script type="text/javascript" src="KendoUI/js/jszip.min.js"></script>
    <script type="text/javascript" src="KendoUI/js/kendo.all.min.js"></script>
    <script type="text/javascript" src="KendoUI/js/messages/kendo.messages.zh-CN.min.js"></script>
    <script type="text/javascript" src="js/util/kendo.config.js"></script>
    <link rel="stylesheet" href="css/global.css">
    <style type="text/css">
        .filter-button {
            padding-left: 5px;
            padding-right: 5px;
        }

        .button-group {
            padding-right: 5px;
        }

        .button-group-02 > a {
            padding-right: 5px;
        }

        .easyui-linkbutton {
            font-size: initial;
        }

        .easyui-linkbutton:hover {
            transform: scale(1.1);
        }

        .easyui-linkbutton {
            border: 0;
        }

        form .pull-left {
            height: 35px;
            margin-top: 7px;
        }
    </style>
</head>
<body th:data-menu_id="${MENU_ID}">
<div class="easyui-layout" data-options="fit:true">
    <div class="button-group-custum-padding" data-options="region:'north',border:false,split:false,height:'80'">
        <div class="datebox-group">
           <ul style="width: 100%;height: 100%;margin: 0;">
              <li style="height: 32px;">
                 <!-- 起始日期、终止日期 -->
                 <div class="btn-group pull-left">
                     <input id="start" class="easyui-datebox"
                            data-options="label:'起始日期：',labelWidth:85,disabled:true,value:getRangeDate()">
                 </div>
                 <div class="btn-group pull-left">
                     <input id="end" class="easyui-datebox"
                            data-options="label:'终止日期：',labelWidth:85,disabled:true,value:getCurrentDate(0)">
                 </div>

                 <!-- 后端过滤的两个控件 -->
                 <div class="btn-group pull-left">
                         <input id="column" class="easyui-combobox"
                                data-options="label:'项目：',labelWidth:60">
                 </div>
                 <div class="btn-group pull-left">
                     <input id="value" class="easyui-textbox"
                            data-options="label:'内容：',labelWidth:60">
                 </div>

                 <!-- 日期区间的查询按钮 -->
                 <div class="pull-left filter-button">
                    <a id="btn_search" class="easyui-linkbutton" data-options="
                            text: '查询',
                            size: 'small',
                            height:30,
                            group: `g1`,
                            iconCls: 'icon-search',
                            onClick: btn_search,
                            plain: false"></a>
                 </div>
    <!--            <div id="search_area" class="btn-group pull-left">-->
    <!--                <a id="btn_search" class="easyui-linkbutton" data-options="-->
    <!--                    text: '查询',-->
    <!--                    size: 'small',-->
    <!--                    group: `g1`,-->
    <!--                    iconCls: 'icon-search',-->
    <!--                    onClick: btn_search,-->
    <!--                    plain: false"></a>-->
    <!--            </div>-->

                <!-- 后端过滤的执行按钮 -->
    <!--            <div class="pull-left filter-button">-->
    <!--                <a id="btn_filter" class="easyui-linkbutton"-->
    <!--                   data-options="text: '过滤',iconCls:'icon-filter',plain:false,iconAlign:'bottom',size:'large',onClick:btn_filter"></a>-->
    <!--            </div>-->
                 <div class="btn-group pull-left">
                    <input id="state" class="easyui-switchbutton"
                           data-options="value: false,width:80,onText:'全部',offText:'未完工',onChange:stateChange">
                 </div>
                 <div class="pull-right">
<!--                    <div style="height: 50%;">-->
<!--                        <span style="padding: 1px;width: 12px;height:12px;display: inline-block; background-color: rgba(244, 212, 212, 0.77);"> </span>-->
<!--                        <span>已完工</span>-->
<!--                    </div>-->
<!--                    <div style="height: 50%;">-->
<!--                        <span style="padding: 1px;width: 12px;height:12px;display: inline-block; background-color: #1818df;"> </span>-->
<!--                        <span>未审核</span>-->
<!--                    </div>-->
                        <div style="height: 50%;">
                            <span style="padding: 1px;width: 12px;height:12px;display: inline-block; background-color: #1818df;"> </span>
                            <span>已完工</span>
                        </div>
                 </div>
              </li>
              <li>
                <div id="north" class=" pull-left"></div>
              </li>
           </ul>
        </div>
    </div>
    <div data-options="region:'center'">
        <table id="v_grid"></table>
    </div>
</div>
<div id="grid_detail" class="easyui-window"
     data-options="title:'机台明细',width:870,height:600,closed:true,modal:true">
    <table id="grid" class="easyui-datagrid" data-options=""></table>
</div>

<div id="dialog01" class="easyui-dialog" title="新增" style="width: 650px; height: 510px"
     data-options="iconCls:'icon-edit',resizable:true,modal:true,closable:false,closed:true,
     buttons:[
        {
            text:'保存并新增',
            iconCls: 'icon-add',
            handler:function(){
                log01_add();
            }
        },{
            text:'保存',
            iconCls: 'icon-save',
            handler:function(){
                log01_save();
            }
        },{
            text:'退出',
            iconCls: 'icon-cancel',
            handler:function(){
            $('#dialog01').dialog('close');
            }
        }]
     ">
    <form id="form_show" style="width:100%;height: 100%;">
        <div class="pull-left" style="margin-left: 10px">
            <label style="display: inline-block; width: 75px;">订单号:</label>
            <input id="orderNoText" name="orderNoText" class="easyui-textbox" data-options="width:120,readonly:true,cls:'input-red'">
            <input name="code" class="easyui-textbox" data-options="width:80,required:true">
        </div>
        <div class="pull-left" style="margin-left: 10px">
            <label style="display: inline-block; width: 80px;">客户:</label>
            <input id="client" name="client" class="easyui-textbox" data-options="width:200">
        </div>
        <div class="pull-left" style="clear: left; margin-left: 10px">
            <label style="display: inline-block; width: 80px;">客户单号:</label>
            <input name="alias" class="easyui-textbox" data-options="width:200">
        </div>
        <div class="pull-left" style="margin-left: 10px">
            <label style="display: inline-block; width: 80px;">下单日期:</label>
            <input id="billDate" name="billDate" class="easyui-datebox" data-options="width:200">
        </div>
        <div class="pull-left" style="clear: left; margin-left: 10px">
            <label style="display: inline-block; width: 80px;">出货日期:</label>
            <input name="shippingDate" class="easyui-datebox" data-options="width:200">
        </div>
        <div class="pull-left" style="margin-left: 10px">
            <label style="display: inline-block; width: 80px;">品名:</label>
            <input id="productName" name="productName" class="easyui-textbox" data-options="width:200">
        </div>
        <div class="pull-left" style="clear: left; margin-left: 10px">
            <label style="display: inline-block; width: 80px;">坯布门幅:</label>
            <input name="fabricWidth" class="easyui-textbox" data-options="width:200">
        </div>
        <div class="pull-left" style="margin-left: 10px">
            <label style="display: inline-block; width: 80px;">克重:</label>
            <input name="fabricSpecification" class="easyui-textbox" data-options="width:60">
            <label style="display: inline-block;width: 80px;text-align: center">克重差±:</label>
            <input name="sparei01" class="easyui-textbox" data-options="width:50">
        </div>
        <div class="pull-left" style="clear: left; margin-left: 10px">
            <label style="display: inline-block; width: 80px;">定长定重:</label>
            <input name="productSpecification" class="easyui-textbox" data-options="width:200">
        </div>
        <div class="pull-left" style="margin-left: 10px">
            <label style="display: inline-block; width: 80px;">计划公斤:</label>
            <input name="kilo" class="easyui-numberbox" data-options="width:200">
        </div>
        <div class="pull-left" style="clear: left; margin-left: 10px">
            <label style="display: inline-block; width: 80px;">上机数:</label>
            <input name="machineQty" class="easyui-numberbox" data-options="width:200">
        </div>
        <div class="pull-left" style="margin-left: 10px">
            <label style="display: inline-block; width: 80px;">总经:</label>
            <input name="yarnTotal" class="easyui-textbox" data-options="width:200">
        </div>
        <div class="pull-left" style="clear: left; margin-left: 10px">
            <label style="display: inline-block; width: 80px;">经纱:</label>
            <input name="longitude" class="easyui-textbox" data-options="width:200">
        </div>
        <div class="pull-left" style="margin-left: 10px; display: none;">
            <label style="display: inline-block; width: 80px;">经长:</label>
            <input name="yarnLong" class="easyui-textbox" data-options="width:200">
        </div>
        <div class="pull-left" style="margin-left: 10px">
            <label style="display: inline-block; width: 80px;">纬纱:</label>
            <input name="latitude" class="easyui-textbox" data-options="width:200">
        </div>
        <div class="pull-left" style="clear: left; margin-left: 10px">
            <label style="display: inline-block; width: 80px;">经纬密度:</label>
            <input name="latilong" class="easyui-textbox" data-options="width:200">
        </div>
        <div class="pull-left" style="margin-left: 10px">
            <label style="display: inline-block; width: 80px;">颜色:</label>
            <input name="color" class="easyui-textbox" data-options="width:200">
        </div>
        <div class="pull-left" style="clear: left; margin-left: 10px">
            <label style="display: inline-block; width: 80px;">筘幅:</label>
            <input name="kouWidth" class="easyui-textbox" data-options="width:200">
        </div>
        <div class="pull-left" style="margin-left: 10px">
            <label style="display: inline-block; width: 80px;">备注:</label>
            <input name="remark" class="easyui-textbox" data-options="width:200">
        </div>
    </form>
</div>

</body>
<script type="text/javascript" src="js/pages/jh/jh_produce_plan_report_sc.js?version=1.10"></script>
</html>